<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<meta charset="UTF-8">
	<title>播放界面</title>
	<link rel="stylesheet" type="text/css" href="/static/css/style.css">
	<link rel="stylesheet" href="https://at.alicdn.com/t/font_379791_2cyjes73tt5fusor.css">
	<link rel="stylesheet" href="/static/css/change.css">
	<link href="http://vjs.zencdn.net/5.19/video-js.min.css" rel="stylesheet">
	<script src="http://vjs.zencdn.net/5.19/video.min.js"></script>

</head>
<body>
	<div class="play-header-area">
		<video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="1280" height="720" poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}">
			
			<source th:src="@{${url}}" src="http://115.28.157.85:8080/live/zRApSewt.flv" type="rtmp/flv"/>

			<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
			</p>
		</video> 
		
		<!--<div class="play-btn">-->
			<!--<div class="btn-left">-->
				<!--<button class="iconfont icon-huihua-copy"></button> <button class="iconfont icon-fenxiang"></button>-->
			<!--</div>-->
			<!--<div class="btn-right">-->
				<!--<button class="iconfont icon-liwu1"></button> <button class="iconfont icon-20151209tubiaolianxizhuanhuan10"></button>-->
			<!--</div>-->
		<!--</div>-->
		<div class="downAPP">
			<div class="APP-text">
				<img src="/static/images/down_logo.jpg">
				<div class="down-text">
					<span>更加美妙的体验尽在app</span>
					<p>用app观看还有更多惊喜与小礼物等着你哦</p>
				</div>
			</div>
			<div class="APP-btn">
				<button class="down-on">下载</button><button class="fork iconfont icon-cha"></button>
			</div>
		</div>
	</div>

	<!--<div class="recommend-area">-->
		<!--<h4>推荐直播</h4>-->
		<!--<div class="recommend-module">-->
			<!--<div class="module-content">-->

				<!--<img src="/static/images/recommend-1.jpg">-->

				<!--<div class="content-text">-->
					<!--<div class="content-i">-->
						<!--<img src="/static/images/recommend-1.jpg">-->
					<!--</div>-->
					<!--<div class="content-t">-->
						<!--<span>我是霉霉,来直播啦</span>-->
						<!--<p class="iconfont icon-touxiang-copy-copy">宝贝宝贝小宝贝</p>-->
					<!--</div>-->
				<!--</div>-->
				<!--<span class=" iconfont icon-yanjing people-number">9999</span>-->
			<!--</div>-->
			<!--<div class="module-content">-->

				<!--<img src="/static/images/recommend-1.jpg">-->

				<!--<div class="content-text">-->
					<!--<div class="content-i">-->
						<!--<img src="/static/images/recommend-1.jpg">-->
					<!--</div>-->
					<!--<div class="content-t">-->
						<!--<span>我是霉霉,来直播啦</span>-->
						<!--<p class="iconfont icon-touxiang-copy-copy">宝贝宝贝小宝贝</p>-->
					<!--</div>-->
				<!--</div>-->
				<!--<span class=" iconfont icon-yanjing people-number">119999</span>-->
			<!--</div>-->
		<!--</div>-->
		<!--<div class="recommend-module">-->
			<!--<div class="module-content">-->

				<!--<img src="/static/images/recommend-1.jpg">-->

				<!--<div class="content-text">-->
					<!--<div class="content-i">-->
						<!--<img src="/static/images/recommend-1.jpg">-->
					<!--</div>-->
					<!--<div class="content-t">-->
						<!--<span>我是霉霉,来直播啦</span>-->
						<!--<p class="iconfont icon-touxiang-copy-copy">宝贝宝贝小宝贝</p>-->
					<!--</div>-->
				<!--</div>-->
				<!--<span class=" iconfont icon-yanjing people-number">119999</span>-->
			<!--</div>-->
			<!--<div class="module-content">-->

				<!--<img src="/static/images/recommend-1.jpg">-->

				<!--<div class="content-text">-->
					<!--<div class="content-i">-->
						<!--<img src="/static/images/recommend-1.jpg">-->
					<!--</div>-->
					<!--<div class="content-t">-->
						<!--<span>我是霉霉,来直播啦</span>-->
						<!--<p class="iconfont icon-touxiang-copy-copy">宝贝宝贝小宝贝</p>-->
					<!--</div>-->
				<!--</div>-->
				<!--<span class=" iconfont icon-yanjing people-number">119999</span>-->
			<!--</div>-->
		<!--</div>-->
		<!--<div class="recommend-module">-->
			<!--<div class="module-content">-->

				<!--<img src="/static/images/recommend-1.jpg">-->

				<!--<div class="content-text">-->
					<!--<div class="content-i">-->
						<!--<img src="/static/images/recommend-1.jpg">-->
					<!--</div>-->
					<!--<div class="content-t">-->
						<!--<span>我是霉霉,来直播啦</span>-->
						<!--<p class="iconfont icon-touxiang-copy-copy">宝贝宝贝小宝贝</p>-->
					<!--</div>-->
				<!--</div>-->
				<!--<span class=" iconfont icon-yanjing people-number">119999</span>-->
			<!--</div>-->
			<!--<div class="module-content">-->

				<!--<img src="/static/images/recommend-1.jpg">-->

				<!--<div class="content-text">-->
					<!--<div class="content-i">-->
						<!--<img src="/static/images/recommend-1.jpg">-->
					<!--</div>-->
					<!--<div class="content-t">-->
						<!--<span>我是霉霉,来直播啦</span>-->
						<!--<p class="iconfont icon-touxiang-copy-copy">宝贝宝贝小宝贝</p>-->
					<!--</div>-->
				<!--</div>-->
				<!--<span class=" iconfont icon-yanjing people-number">119999</span>-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->
	<script src="http://vjs.zencdn.net/6.6.0/video.js"></script>
	<script>
		window.onload = function(){	
			resize();
			window.onresize = resize;
			function resize() {
				document.getElementById('example_video_1').style.width = document.documentElement.clientWidth +'px';
				document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth / 360 * 100 + "px"
			} 
		};
	</script>
</body>
</html>